<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>class</title>
    <link rel="stylesheet" href="/css/reset.css">
    <style>
        body {
            margin: 0;
        }

        .bc {
            background-image: url("../img/preview.jpg");
            background-size: 100% 100%;
            height: 100%;
            width: 100%;
        }

        .studentTable {
            border: 1px solid black;
            width: 90%;
            height: 300px;
            margin: auto;
            /*border-collapse: collapse;*/
            background-color: rgba(236, 231, 231, 0.6);
            text-align: center;
        }

        .item {
            width: 400px;
            margin: 10px auto auto 200px;
            padding-bottom: 40px;
        }

    </style>


</head>

<body>
<div class="bc">
    <div>
        <table class="studentTable" border="1">
            <thead>
            <tr style="line-height: 20px;font-size: 20px;padding-bottom: 10px">
                <th>班级名称</th>
                <th>开班时间</th>
                <th>带班老师</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody id="data">
            </tbody>
        </table>
        <p id="cutA"></p>
    </div>

    <div id="showInfoDiv"
         style="width: 260px;height: 100px ;background-color: whitesmoke;text-align:center;line-height: 50px;
   border: 2px solid black;visibility: hidden;box-shadow: 1px 1px 3px 2px black;font-size: 16px;font-weight: bold;position: absolute;; left: 25%;top: 20%;z-index: 55;">
        <p id="showInfo"> </p>
        <input type="button" value="确认" onclick="closeDiv('showInfoDiv')">
    </div>

    <!-- 添加房间 -->
    <div id="addClassDiv"
         style="background-color: slateblue;border-radius: 20px;visibility: hidden;font-size: 20px;color: cyan;font-weight: bold;width: 700px;height: 400px;position:absolute;top: 50px;left: 50px;text-align: justify;padding: 20px">
        <h6 style="border: 1px solid black;margin: 0;text-align: center">添加房间信息</h6>
        <div style=" line-height: 50px;margin-top: 20px">
            <div>

                <p> 班级名称：<input type="text" id="classNameText"></p>
                <p> 带班老师：<input type="text" id="teacherText"></p>
                <p> 开班时间：<input type="date" id="timeText"></p>
                <input type="button" value="添加" onclick="addClass();">
                <input type="button" value="取消" onclick="closeDiv('addClassDiv')">
            </div>
        </div>
    </div>
    <div class="item">
        <!-- 入住按钮 -->
            <button onclick="showDiv('addClassDiv');">添加班级</button>
        </div>
    </div>
</div>
</body>
<script src="/js/axios.min.js"></script>
<script src="/js/query.js"></script>
<script src="/studenthtml/js/class.js"></script>

</html>